<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人网页</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <header>
            <div><img src="背景.png" width="1000px" alt="">
                <h1>WELCOME TO MY PLACE</h1>
                <ul>
                    <li><a href="#Home page">首页</a></li>
                    <br>
                    <li><a href="#about">关于</a></li>
                    <br>
                    <li><a href="#work shows">作品</a></li>
                    <br>
                    <li><a href="#contact">联系</a></li>
                </ul>
                <p id="Home page" class="ach">更多</p>

            </div>
            <h2 id="about" class="wsw">关于我/ABOUT ME</h2>
            <div class="first">
                <p class="bch">代维</p>
                <div><img class="cch" src="个人.png" width="210px" height="170px" alt=""></div>
                <p class="dch">
                    <br>
                    <br>代维，2000年11月23日出生，四川遂宁人，爱好听音乐，小说，性格开朗活泼。现就读于成都东软学院2019级数字艺术系艺术与科技19201。
                    <br>
                    <br> 工作方向
                    <br> 以ui设计为主的一系列的设计工作。</p>
                <p class="ech"><br>
                    <br> MY HOBBIES
                    <br>
                    <br> 音乐 电影 小说
                    <br>
                    <br>
                    <br>
                    <br>技能
                    <br>
                    <br>PS AI</p>
            </div>
            <div class="second">
                <h2 id="work shows" class="fch">作品集/work show</h2>
            </div>
            <div class="third"></div>
            <div class="fourth">
                <p class="gch">收集</p>
            </div>
            <p class="hch">成都东软学院 </p>
    </div>
    <div id="box">
        <img src="日常1.jpg">
        <img src="日常2.jpg">
        <img src="日常3.jpg">
        <img src="日常4.jpg">
        <img src="日常5.jpg">
        <img src="日常6.jpg">
        <img src="日常7.jpg">
        <img src="日常8.jpg">
        <img src="日常9.jpg">
        <img src="日常10.jpg">
        <img src="日常11.jpg">
    </div>
    <div class="six"></div>
    <div class="seven">
        <p class="mch">构成作品</p>
    </div>
    <div class="eight">
        <p class="nch">
            <br>
            <br>自行车构成
            <br>
            <br>放射型构成
        </p>
        <img class="och" src="构成1.png" width="280px" height="200px" alt="">
        <img class="pch" src="构成2.png" width="280px" height="200px" alt="">
    </div>
    <div class="nine"></div>
    <div class="ten">
        <p class="qch">摄影作品</p>
    </div>
    <h3 class="rch">天空</h3>
    <div class="eve">
        <img class="sch" src="摄影1.png" width="470px" height="250px" alt="">
        <img class="tch" src="摄影2.png" width="320px" height="115px" alt="">
        <img class="uch" src="摄影3.png" width="320px" height="115px" alt="">
    </div>
    <div class="twe"></div>
    <div class="thi">
        <p class="vch">版式作品</p>
    </div>
    <div class="four">
        <p class="wch">海报</p>
        <p class="xch">家居</p>
        <img class="ych" src="海报1.png" width="200px" height="230px" alt="">
        <img class="zch" src="海报2.png" width="200px" height="230px" alt="">
        <img class="abc" src="海报3.png" width="200px" height="230px" alt="">
    </div>
    <div class="tv">
        <div class="fif">
            <img class="bbc" src="家居1.png" width="220px" height="250px" alt="">
            <img class="cbc" src="家居2.png" width="220px" height="250px" alt="">
            <img class="dbc" src="家居3.png" width="220px" height="250px" alt="">
        </div>
    </div>

    <div class="A">
        <h2 id="contact" class="edc">联系/contact</h2>
    </div>
    <div class="B"></div>
    <div class="C">
        <img class="fbc" src="电话.png" width="50px" height="50px" alt="">
        <img class="gbc" src="邮箱.png" width="50px" height="50px" alt="">
        <img class="hbc" src="微信.png" width="50px" height="50px" alt="">
        <img class="ibc" src="QQ.png" width="50px" height="50px" alt="">
    </div>
    <div class="D">
        <p class="jdc">18280889469 </p>
        <p class="kdc">2373569154@qq.com </p>
        <p class="ldc">dw2373</p>
        <p class="mdc">2373569154 </p>
    </div>
    <div class="E">
        <h2 class="ndc">ABOUT ME</h2>
        <p class="odc">
            <br>
            <br>home
            <br>
            <br>school
            <br>
            <br>experience
        </p>
        <h2 class="pdc">WORKS</h2>
        <p class="qdc">
            <br>
            <br>color
            <br>
            <br>photo
            <br>
            <br>family life
            <br>
        </p>
        <h2 class="rdc">CONTACT</h2>
        <p class="sdc"> <br>
            <br>number
            <br>
            <br>weixin
            <br>
            <br>qq
        </p>
        <h2 class="tdc">COMPANY</h2>
        <p class="udc"><br>
            <br>call us now at:
            <br> 274678910</p>

    </div>
    </div>



    </header>
</body>

</html>